import {ref} from "vue";
import {defineStore} from "pinia";
const _layout = ref(localStorage.getItem('layout') || 'default')
export const useLayoutStore  = defineStore("layout", () => {
    // 定义一个可变的响应式变量layout，初始值为'default'，用于存储当前的布局方式
    const layout = _layout

    /**
     * 设置当前布局方式的函数
     * @param _layout 字符串类型，表示要设置的布局方式
     */
    function setLayout (_layout: string) {
        localStorage.setItem('layout', _layout)
        layout.value = _layout
    }

    // 返回一个包含响应式变量layout和设置layout函数的对象，以便外部使用和修改布局方式
    return {layout, setLayout}
})